@import "../normalize.less";
@import "../base.less";
@import "./loginCommon.less";

@BASE_URL:'../../../images';

@color:#1B2139;

.center(@rw:center,@vl:center,@type:column){
  display: flex;
  justify-content: @rw;
  align-items:@vl;
  flex-direction: @type;
}

.mbtn(@w:1rem, @h:0.3rem, @bc:#EF3B7A, @c:#BEB5BE){
  width:@w;
  height: @h;
  border-radius: @h;
  outline: none!important;
  background-color: @bc;
  color: @c;
  border: none;
  .center()
}
.mbtn{
  .mbtn()
}
body{
  background-color: @color;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  .login-cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
.main-form{
  background-color: rgba(0,0,0,0.2);
  border-radius: 5px;
  .center(flex-start);
  input{
    width: 2.4rem;
    height: 0.3rem;
    border-radius: 0.3rem;
  }

}
.main-logo{
    width: 2.5rem;
    position: relative;
    top: 0.5rem;
  }

